<template>
	<view>
		<header-bar :title=titleName>
			<uni-icons type="undo" size="23" slot="back"></uni-icons>
		</header-bar>
		<d-search-log :color_border="color_border" :color_text="color_border" :search_list_hot="search_list_hot"
			:store_key="store_key" @onClickDelAllApi="onClickDelAll" @NameApi="Name"></d-search-log>
	</view>
</template>

<script>
	import dSearchLog from '@/uni_modules/d-search-log/components/d-search-log/d-search-log.vue'

	export default {
		components: {
			dSearchLog
		},
		data() {
			return {
				titleName: "搜索",
				color_border: "#ff00ff",
				search_list_hot: [],
				store_key: 'search_list',
			}
		},
		onLoad() {
			this.search_list_hot = [
				'园艺', '铲子', '喷壶', '农药喷雾机', '施肥器', '石材切割机', '开沟神器', '微耕机松土机'
			]
		},
		methods: {
			onClickDelAll() {
				console.log('[父级接收事件]：删除全部搜索记录')
			},
			Name(e) {
				console.log('[父级接收事件]：点击搜索:' + e)
			}
		}
	}
</script>

<style lang="scss">
	page {
		font-size: 27rpx;
		color: black;
		margin-bottom: 10rpx;
	}

	.my-theme-bg {
		background: linear-gradient(117deg, #60DF9D, #31CB7B);
		color: #fff;
		/* background: linear-gradient(117deg,#23C0F7,#ff661e); */
		/* background: linear-gradient(90deg, #FFAA57, #23C0F7); */
		/* background: linear-gradient(90deg, #F37749, #FFAA57); */
		/* #FFAA57 */
		/* background-image: linear-gradient(45deg, #39b54a, #8dc63f); */
		/* color: #ffffff; */
		/* background-color: #f37b1d; */
		/* color: #ffffff; */
		/* background-color: #ffffff; */
		/* color: #666666; */
		/* linear-gradient(-27deg, #33CB80, #28D0AF) */
		/* background-image: line=ar-gradient(-27deg,#33CB80,#28D0AF); */
		/* color: #ffffff; */
		/* background-image: line=ar-gradient(-27deg,#fff,#fff); */
		/* background-image: line=ar-gradient(-27deg,#23C0F7,#23C0F7); */
		/* color: #000; */
	}

	.dSLComVueLogBox {
		color: #17abe3 !important;
		background-color: white;
	}

	.order-item {
		width: 740rpx;
		height: 340rpx;
		margin-top: 30rpx;
		margin-left: 3rpx;
		background: #d2fdff;
		border: 1px solid lightgrey;
		border-radius: 30rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}

	.order-item .order-top {
		width: 670rpx;
		height: 90rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.order-top .order-no {
		height: 44rpx;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 44rpx;
		color: #686661;
		opacity: 1;
	}

	.order-top .order-status-0 {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #F86341;
		opacity: 1;
	}

	.order-top .order-status-10,
	.order-top .order-status-1,
	.order-top .order-status-2 {
		font-size: 25rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: rgb(61, 182, 10);
		opacity: 1;
	}
	.order-top .order-status-2{
		color: red;
	}

	.order-top .order-status-3 {
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 44rpx;
		color: #B2B1AE;
		opacity: 1;
	}

	.order-item .good-box {
		width: 670rpx;
		height: 230rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.order-item .good-box .good-img {
		width: 230rpx;
		height: 230rpx;
		margin-top: -60rpx;
		border-radius: 16rpx;
	}

	.good-box .good-info {
		width: 420rpx;
		height: 220rpx;
		margin-top: -60rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}

	.good-bottom {
		color: coral;
		font-size: 30rpx;
	}

	.good-info .good-title {
		width: 420rpx;
		height: 88rpx;
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: bold;
		line-height: 45rpx;
		color: #000000;
		opacity: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.good-info .good-time {
		color: black;
		font-size: 29rpx;
		display: flex;
		margin-top: -15rpx;
		justify-content: space-between;
		align-items: center;
	}
</style>
